@charset "utf-8";
/* CSS Document */
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
@import url('main.css');
@import url('layout.css');
@import url('contents.css');

@font-face{font-family:ng; src:url('nanum.eot'); src:local('※'), url('nanum.woff') format('woff')}
html { overflow-y:scroll; }


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: ng;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: ng;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption{position:absolute; left:-3000%;}
input{font-family: ng; transition: all 1s ease;}

li { list-style: none outside none; }

a { text-decoration:none; color:#666; transition:all 0.5s ease;}
a:hover{color: #ff0000;}

address{ font-style: normal;}
/* common */
.text_l {text-align:left !important; }
.text_r, .right {text-align:right !important; }
.text_c {text-align:center !important; }
.cb { clear:both; }
.fl{float: left;}
.fr{float: right;}
.org, .red{ color: #ed561a;}
.dark{ color: #222;}
.input, .inputwrite, .readOnlyClass, .inputtext{ font-size: 1em; border-radius: 3px; border: 1px solid #dedede; line-height: 1.6em; padding: 3px 5px;}
.input:hover, .input:focus, .inputwrite:hover, .inputwrite:focus, .inputtext:hover, .inputtext:focus{ border: 1px solid #999; box-shadow: 0 0 3px #999;}
.oh{ overflow: hidden;}
.dno{ display:none;}


/* select */
select {
    padding: 4px 25px 3px 10px; /* 여백으로 높이 설정 */
    font-family: inherit;  /* 폰트 상속 */
    background: #fff url(../images/common/selectbox_arrow.png) no-repeat right 50%; /* 네이티브 화살표 대체 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    color: #777;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 0.9em;
    font-weight: 300;
}
select:hover, select:focus{ border: 1px solid #2287eb; box-shadow: 0 0 3px #2287eb; color: #444; font-weight: 400;}
select::-ms-expand {
    display: none;  /* IE 10, 11의 네이티브 화살표 숨기기 */
}

.skip{ position: absolute; z-index: 10000; }
.skip dl { position: relative; }
.skip dl dt { display: none; }
.skip dl dd a{position: absolute; top:-300px; left: 0;  line-height: 30px; text-align: center; width: 300px; background: #000; color: #fff; display: block; font-size: 1em; }
.skip dl dd a:FOCUS {top:0; left: 0; }

.img{ background: #eaeaea url(../images/no_img.png) no-repeat center center;}

/* loading modal */
#load {
    width: 100%;
    height: 100vh;
    z-index: 999;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    text-align: center;
}
.load_box {
    position: relative;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    z-index: 10000;
    margin: 30vh auto auto auto;
    width: 300px;
    height:300px;
    padding: 50px;
    background: rgba(255,255,255,0.8);
    /* border: solid 1px rgb(199, 199, 199); */
    border-radius: 50%;
    box-sizing:border-box;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
}
.load_box img {
    height: 80px;
    z-index: 1000;

}
.load_box p {
    z-index: 1000;
    font-family: 'NanumGothic';
    font-size: 1.1em;
    line-height: 120%;
    color:#555;
}